<template>
  <!-- 外层最大盒子 -->
  <div class="artDetails">
    <div class="artDetaBox">
      <!-- 目录 -->
      <span class="catalog">
        <a href="javascript:;">首页</a> / <a href="javascript:;">年度总结</a> /
        正文
      </span>
      <!-- 内容层最大盒子 -->
      <div class="content">
        <!-- 标签 -->
        <span class="tag">java</span>
        <!-- 题目 -->
        <h2>题目</h2>
        <!-- 用户信息 -->
        <div class="uInfo">
          <div class="uIcon">头像</div>
          <div class="uTxt">
            <div class="uName">飒飒</div>
            <span
              >2021/12/13 / 4评论 / 0 点赞 / 42 阅读 / 3,452 字 /
              <span>已收录</span>
            </span>
            <!-- 温馨提示 -->
            <div class="hint">
              <span>温馨提示：</span>
              <div class="hContent">
                本文最后更新于
                2022-01-04，若内容或图片失效，请留言反馈。部分素材来自网络，若不小心影响到您的利益，请联系我们删除。
              </div>
            </div>
            <!-- 标题 -->
          <h2>标题</h2>
          <p>内容</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'ArtDetails',
    data() {
      return {};
    },
    props: {
      id: {
        required: true,
      },
    },
    components: {},
    methods: {},
    created() {},
  };
</script>

<style lang="less" scoped>
  @import url('../../state/css/articlei/artDetails.less');
</style>
